<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>



<html>

    <head>
        <title>Baticueva Virtual</title>
        <meta name="description" content="website description" />
        <meta name="keywords" content="website keywords, website keywords" />
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <!-- modernizr habilita contenido HTML5 -->
        <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
        
    </head>

    <body style="background-image: url(images/fondo.jpg)">
        <div id="main">
            <header>
                <div id="logo">
                    <div id="logo_text">
                        <!-- class="logo_six", PERMITE MODIFICAR Y CAMBIAR EL TIPO DE EL TITULO PRINCIPAL -->
                        <h1><a href="index.html">Bienvenidos a la Baticueva Virtual<span class="logo_six"></span></a></h1>
                        <h2>busca y descarga tus practicas y examenes</h2>
                    </div>
                </div>

            </header>
            <div id="site_content">
                <div id="sidebar_container">
                    <img class="paperclip" src="images/paperclip.png" alt="paperclip" />
                    <div class="sidebar">
                        <h3>Podras Subir Archivos Comentar y Votar</h3>
                        <form method="post" action="ServletLogin">
                            <% if (request.getParameter("error") != null) {%><div class="alert alert-error" align="left" style="color:#F00;font-size: x-small">Los datos ingresados son incorrectos</div> <% }%>
                            <h2>Inicia sesion</h2>
                            <h1>Correo</h1>
                            <input type="text" name="correo" placeholder="usuario@pucp.pe">
                            <h1>Password</h1>
                            <input type="password" name="clave">
                            <button type="submit" name="ingresar">Ingresar</button>
                        </form>
                    </div>
                    <img class="paperclip" src="images/paperclip.png" alt="paperclip" />
                    <div class="sidebar">
                        <h3>Aun no tienes una cuenta? Registrate</h3>
                        <form id="formregistro" class="well form-inline" method="post" action="<%=request.getContextPath()%>/ServletSignup">
                            <input type="text" name="nombre" placeholder="Nombre">
                            <input type="text" name="apellido" placeholder="Apellidos">
                            <input type="text" name="alias" placeholder="Usuario">
                            <input type="text" name="correo" placeholder="correo@pucp.pe">
                            <input type="password" name="clave1" placeholder="Ingresa la clave">
                            <input type="password" name="clave2" placeholder="Confirma la clave">
                            <button type="submit" name="registrar">Registrar</button>
                        </form> 
                        <% if (request.getParameter("aviso") != null) {%>
                        <div  align="left" style="color:#F00;font-size: x-small"><%=request.getParameter("aviso")%> </div><% 
                            }%>

                    </div> 
                </div>

                <!-- ingreso de la tabla para la pagina principal -->
                <div id="content1">

                    <div class="content1">
                        <h2>Busqueda y descarga de practicas y examenes</h2>
                        <h1>No necesitas iniciar sesion . . .</h1>
                        <table style="width: 600px;" border="0">
                            <tbody>
                                <tr>
                                    <td style="width: 120px;"><input type="text" name="tag" placeholder="Que curso estas buscando"></td>

                                    <td style="width: 120px;">
                                        <form action="view/publico/resultado.jsp">
                                            <button type="submit" name="buscar" >Buscar</button>
                                        </form>
                                    </td>
                                    <td style="width: 20px;">&nbsp;</td>
                            <form action="view/publico/busqueda_avanzada.jsp">
                                <td style="width: 200px;"><button type="submit" name="busquedaavanzada">Busqueda Avanzada</button></td>
                            </form>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <table border="0">
                    <tbody>

                        <tr>
                            <td style="width: 280px;"><div id="content2">
                                    <div class="content2">
                                        <h2>Los mas descargados</h2>
                                        <h1>No necesitas iniciar sesion . . .</h1>
                                    </div>
                                </div></td>
                            <td style="width: 12px;">&nbsp;</td>
                            <td style="width: 280px;"><div id="content2">
                                    <div class="content2">
                                        <h2>Los mas votados</h2>
                                        <h1>No necesitas iniciar sesion . . .</h1>
                                    </div>
                                </div></td>
                        </tr>
                    </tbody>
                </table>



            </div>
            <footer>
                <p>Copyright &copy; Telecom | <a href="http://www.pucp.edu.pe">grupo de telecomunicaciones OpenSource</a></p>
            </footer>
        </div>
        <p>&nbsp;</p>
        <!-- javascript at the bottom for fast page loading -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
        <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('ul.sf-menu').sooperfish();
            });
        </script>
    </body>
</html>
